* {
	padding: 0;
	margin: 0;
}

body,
html {
	font-family: "微软雅黑";
	color: #878787;
	font-size: 14px;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	display: block;
	border: 0;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.nav_header{
	background: rgba(0, 0, 0, .5);
	position: fixed;
	width: 100%;
	padding: 0 240px;
	box-sizing: border-box;
	z-index: 9999;
	height: 65px;
	line-height: 55px;
}
.logo {
	margin-top: 10px;
}

.logo img {
	display: block;
	width: 125px;
}

.nav li {
	float: left;
	padding: 0 30px;
}

.nav li a {
	color: #fff;
	padding-bottom: 5px;
	transition: .3s;
}

.nav li a:hover {
	color: #39b9ef;
	border-bottom: 2px solid #39b9ef;
}

.nav li a.on {
	color: #39b9ef;
	border-bottom: 2px solid #39b9ef;
}

.banner {
	position: relative;
}

.header_btn {
	position: absolute;
	z-index: 999;
	left: 50%;
	top: 7%;
	margin-left: -318px;
}

.banner_text {
	width: 1340px;
	position: absolute;
	left: 50%;
	margin-left: -670px;
	background: #fff;
	border-radius: 30px;
	box-shadow: 5px 5px 20px #d2d2d2;
	height: 285px;
	z-index: 1003;
	top: 77%;
}

.text_img_a {
	width: 385px;
	margin: 30px auto;
}

.banner_text_p {
	text-align: center;
	font-size: 22px;
}

.banner_text ul {
	padding: 0 75px;
	display: flex;
	margin-top: 50px;
}

.banner_text li {
	float: left;
	flex: 1;
	font-size: 20px;
	height: 50px;
	text-align: center;
	line-height: 35px;
}

.banner_text li:nth-child(1) {
	background: url(../images/in1.png) no-repeat 10px 0;
}

.banner_text li:nth-child(2) {
	background: url(../images/in2.png) no-repeat 10px 0;
}

.banner_text li:nth-child(3) {
	background: url(../images/in3.png) no-repeat 10px 0;
}

.banner_text li:nth-child(4) {
	background: url(../images/in4.png) no-repeat 10px 0;
}

.banner_text li:nth-child(5) {
	background: url(../images/in5.png) no-repeat 10px 0;
}

.content_header .content_q1 {
	margin-top: 250px;
}

.content_q1 img {
	width: 182px;
	margin: 0 auto;
}

.content_q2 {
	margin-top: 80px;
}

.content_q2 ul {
	width: 1150px;
	margin: 0px auto;
	display: flex;
}

.content_q2 li {
	flex: 1;
}

.content_q2 li>div {
	height: 59px;
}

.content_q2 img {
	margin: 0 auto;
}

.content_q2 p {
	margin-top: 35px;
	text-align: center;
	font-size: 22px;
}

.content_q2 p span {
	height: 27px;
	background: #2ebaef;
	width: 4px;
	margin-bottom: -5px;
	margin-right: 15px;
	display: inline-block;
}

.content_f1 {
	height: 1615px;
	background: url(https://azf.oss-cn-hangzhou.aliyuncs.com/renqidaren/Shape1.png) no-repeat;
	background-size: cover;
	background-position: bottom right;
	margin-top: 20px;
}

.fuwu_f1 {
	margin-top: 210px;
	padding-left: 330px;
	position: relative;
	z-index: 999;
}

.fuwu_f1 h2 {
	color: #fff;
	border-radius: 25px;
	font-weight: 600;
	margin-bottom: 50px;
	width: 375px;
	text-align: center;
	overflow: hidden;
	border: 2px solid #2ebaef;
	background: #2ebaef;
}

.fuwu_f1 h2 .btn_span {
	color: #2ebaef;
	padding: 10px 10px;
	width: 49.55%;
	box-sizing: border-box;
	background: #fff;
	cursor: pointer;
}

.fuwu_f1 h2 .btn_span.on {
	color: #fff;
	background: #2ebaef;
}

.fw_wid {
	display: none;
}

.fw_wid.on {
	display: block;
	animation: fadeIn 1.5s;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.fuwu_q1 {
	width: 9999px;
	position: relative;
}

.fuwu_q1>li {
	width: 600px;
	float: left;
}

.fw_wid {
	width: 600px;
	overflow: hidden;
	position: relative;
	padding-bottom: 50px;
}

.fw_wid .btn_l,
.fw_wid .btn_r {
	position: absolute;
	bottom: 0px;
	cursor: pointer;
}

.fw_wid .btn_l {
	left: 100px;
}

.fw_wid .btn_r {
	right: 300px;
}

.fuwu_f3 li {
	float: left;
	position: relative;
	top: 0;
	font-size: 22px;
	width: 30%;
	height: 100px;
	line-height: 100px;
	padding-left: 80px;
	cursor: pointer;
}

.fuwu_f3 li:hover {
	transition: .5s;
	top: -10px;
	color: #666;
}

.lb_f1 .fuwu_f3 li:nth-child(1) {
	background: url(../images/fw1.png) 15px 25px no-repeat;
}

.lb_f1 .fuwu_f3 li:nth-child(2) {
	background: url(../images/fw8.png) 15px 25px no-repeat;
}

.lb_f1 .fuwu_f3 li:nth-child(3) {
	background: url(../images/fw9.png) 15px 33px no-repeat;
}

.lb_f1 .fuwu_f3 li:nth-child(4) {
	background: url(../images/fw10.png) 15px 33px no-repeat;
}

.lb_f1 .fuwu_f3 li:nth-child(5) {
	background: url(../images/fw6.png) 15px 25px no-repeat;
}

.lb_f1 .fuwu_f3 li:nth-child(6) {
	background: url(../images/fw11.png) 15px 25px no-repeat;
}

.lb_f1 .fuwu_f3 li:nth-child(7) {
	background: url(../images/fw22.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f3 li:nth-child(1) {
	background: url(../images/fw2.png) 15px 40px no-repeat;
}

.lb_f2 .lb_f3 li:nth-child(2) {
	background: url(../images/fw23.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f3 li:nth-child(3) {
	background: url(../images/fw24.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f3 li:nth-child(4) {
	background: url(../images/fw4.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f3 li:nth-child(5) {
	background: url(../images/fw13.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f3 li:nth-child(6) {
	background: url(../images/fw25.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f3 li:nth-child(7) {
	background: url(../images/fw14.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f3 li:nth-child(8) {
	background: url(../images/fw15.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f4 li:nth-child(1) {
	background: url(../images/fw16.png) 5px 25px no-repeat;
}

.lb_f2 .lb_f4 li:nth-child(2) {
	background: url(../images/fw7.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f4 li:nth-child(3) {
	background: url(../images/fw17.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f4 li:nth-child(4) {
	background: url(../images/fw18.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f4 li:nth-child(5) {
	background: url(../images/fw18.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f4 li:nth-child(6) {
	background: url(../images/fw19.png) 15px 30px no-repeat;
}

.lb_f2 .lb_f4 li:nth-child(7) {
	background: url(../images/fw20.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f4 li:nth-child(8) {
	background: url(../images/fw21.png) 15px 25px no-repeat;
}

.lb_f2 .lb_f5 li:nth-child(1) {
	background: url(../images/fw12.png) 15px 25px no-repeat;
}

.fw_wid_f1 {
	width: 50%;
}

.fuwu_f2 {
	display: flex;
	padding: 0 200px;
	margin-top: 300px;
}

.fuwu_f4,
.fuwu_f5 {
	flex: 1;
}

.fuwu_f4 img {
	margin: 0 auto
}

.fw_zuo {
	margin-top: 130px;
	color: #fff;
}

.fw_zuo h2 {
	font-size: 38px;
	letter-spacing: 3px;
}

.fw_zuo h2 span {
	font-size: 42px;
}

.fw_zuo ul {
	margin-top: 50px;
}

.fw_zuo ul li {
	float: left;
	width: 41%;
	padding-left: 30px;
	height: 80px;
	line-height: 80px;
	font-size: 25px;
	background: url(../images/yuan.png) no-repeat 0px 30px;
	background-size: 20px 20px;
}

.fw_zuo p {
	font-size: 18px;
	margin-top: 10px;
}

.fw_zuo p span {
	font-size: 25px;
}


/*带来什么？模块*/

.wndl-wrap>div {
	font-size: 18px;
	position: relative;
	float: left;
	width: 275px;
	height: 120px;
	padding: 100px 30px 0;
	background: no-repeat 0 45px #fff;
	border-right: 1px solid #f5f5f5;
	transition: background-position .5s;
	-webkit-transition: background-position .5s;
}

.wndl-wrap>div>p.name {
	position: relative;
	font-size: 18px;
	color: #333;
	padding: 0 0 10px;
	font-size: 24px;
	font-weight: 600;
}

.wndl-wrap>div>p.info {
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-top: 20px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.wndl-wrap>div.hover>p.info {
	opacity: 1;
	filter: alpha(opacity=100);
	margin-top: 0;
}

.wndl-wrap>.wndl1 {
	background-image: url(../images/wndl-y_03.png);
}

.wndl-wrap>.wndl2 {
	background-image: url(../images/wndl-y_05.png);
}

.wndl-wrap>.wndl3 {
	background-image: url(../images/wndl-y_07.png);
	background-position: -17px 45px;
}

.wndl-wrap>.wndl4 {
	background-image: url(../images/wndl-y_09.png);
	background-position: -12px 45px;
}

.wndl-wrap>.wndl1.hover {
	background-image: url(../images/wndl-w_03.png);
}

.wndl-wrap>.wndl2.hover {
	background-image: url(../images/wndl-w_05.png);
}

.wndl-wrap>.wndl3.hover {
	background-image: url(../images/wndl-w_07.png);
	background-position: -17px 35px;
}

.wndl-wrap>.wndl4.hover {
	background-image: url(../images/wndl-w_09.png);
	background-position: -12px 35px;
}

.wndl-wrap>div>p.name:after {
	content: "";
	display: block;
	position: absolute;
	width: 28px;
	height: 3px;
	background: #00c7ff;
	bottom: 0px;
}

.wndl-wrap>div>span {
	position: absolute;
	display: block;
	z-index: 9;
	width: 17px;
	height: 31px;
	right: -17px;
	top: 50%;
	background: url(../images/index-ri_03.png) no-repeat 0 0;
}

.wndl-wrap>div.hover {
	background-color: #00c7ff;
	color: #fff;
	background-position: 0 35px;
}

.wndl-wrap>div.hover>p.name {
	color: #fff;
}

.wndl-wrap>div.hover>span {
	background-image: url(../images/index-ri_06.png);
}


/*带来什么？模块结束*/

.footer_reg {
	background: url(https://azf.oss-cn-hangzhou.aliyuncs.com/renqidaren/footer.png) no-repeat;
	background-size: 100% 100%;
	height: 368px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99;
	padding: 20px 250px 10px 250px;
	box-sizing: border-box;
}

.footer_reg_f2 {
	width: 250px;
	margin-right: 100px;
	position: absolute;
	z-index: 999;
	right: 150px;
	top: 110px;
	background: rgba(135, 206, 235, .3);
	padding: 20px;
	border-radius: 15px;
}

.content_f3 {
	height: 690px;
	background: url(https://azf.oss-cn-hangzhou.aliyuncs.com/renqidaren/reg_bg.png) no-repeat;
	background-size: cover;
	padding: 0 300px;
}

.lc_a li.action {
	background: rgba(255, 255, 255, .3);
}

.lc_a li {
	padding: 17px;
	width: 465px;
	box-sizing: border-box;
	border-radius: 15px;
	margin-top: 10px;
	position: relative;
	cursor: pointer;
	z-index: 999;
}

.lc_a li span {
	position: absolute;
	right: -70px;
	top: 50px;
}

.lc_a li h4 {
	color: #00c7ff;
	font-size: 24px;
	font-weight: 400;
}

.lc_a li p {
	color: #fff;
	margin-top: 5px;
}

.lc_b li {
	display: none;
}

.lc_b li.action {
	display: block;
	animation: fadeIn 1.5s;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		/*初始状态 透明度为0*/
	}
	100% {
		opacity: 1;
		/*结尾状态 透明度为1*/
	}
}

.content_f4 {
	padding: 130px 240px 70px 240px;
	box-sizing: border-box;
}

.faq {
	border: 2px solid #33b6ec;
	padding: 68px 70px;
	box-sizing: border-box;
	border-radius: 20px;
	position: relative;
	width: 1418px;
	padding-bottom: 20px;
}

.faq li h5 {
	font-weight: 400;
	color: #33b6ec;
	font-size: 22px;
}

.faq li p {
	font-size: 18px;
	margin: 25px 0;
}

.faq li {
	width: 49%;
	float: left;
}

.faq img {
	position: absolute;
	background: #fff;
	top: -21px;
	left: 64px;
}

.reg_left .input {
	width: 100%;
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.reg_left .input input,
.z_reg input {
	width: 100%;
	background: transparent;
	border: 1px solid #fff;
	outline: none;
	height: 37px;
	color: #fff;
	padding-left: 15px;
	box-sizing: border-box;
	border-radius: 10px;
	font-family: "微软雅黑";
	font-size: 13px
}
.z_reg input {
	margin-top: 10px;
}

.i_verif {
	position: relative;
}

.i_verif .ver_img {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

.reg_left .u_verif {
	position: relative;
}

.reg_left .u_verif .reg_code {
	width: 100px;
	padding: 0 14px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: rgb(51, 182, 236);
	border:0;

}

.u_butn input {
	background: #33b6ec;
	border: 0;
	border-radius: 18px;
	font-size: 20px;
	font-family: "微软雅黑";
	color: #fff;
	display: block;
	width: 100%;
	padding: 5px;
	margin-top: 20px;
	line-height: 25px;
	font-size: 14px
}

.u_butn span {
	color: #999
}

.u_butn span a {
	color: #fff;
	padding-bottom: 3px;
	display: inline-block;
}

.u_butn span a:hover {
	border-bottom: 1px solid #fff;
}

.btn_xia {
	position: absolute;
	right: 30px;
	top: -50px;
	cursor: pointer;
	z-index: 9999999;
}

.u_butn button {
	line-height: 35px;
	color: #fff;
	border: 0;
	border-radius: 18px;
}

.lb_index span {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #2ebaef;
	margin-left: 10px;
	float: left;
}

.lb_index span.action {
	background: #2ebaef;
}

.lb_index {
	position: absolute;
	width: 350px;
	padding: 5px 10px;
	margin-left: 150px;
}

.nav .scorll span {
	width: 50%;
	padding: 5px 10px;
	box-sizing: border-box;
	background: #fff;
	color: #2ebaef;
}

.nav .scorll span.on {
	background: #2ebaef;
	color: #fff;
}

.nav .scorll {
	text-align: center;
	width: 130px;
	padding: 0;
	height: 22px;
	line-height: 13px;
	overflow: hidden;
	border-radius: 25px;
	background: #2ebaef;
	cursor: pointer;
	margin-top: 15px;
}

.zc_tab {
	color: #fff;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 0;
}

.zc_tab span {
	width: 48%;
	display: inline-block;
	text-align: center;
	padding-bottom: 10px;
	font-size: 15px;
	cursor: pointer;
}

.zc_tab span.on {
	color: #2ebaef;
}

.zc_tab div {
	background: #fff;
	height: 2px;
	width: 100%;
	position: relative;
}

.zc_tab div i {
	position: absolute;
	width: 50%;
	height: 2px;
	left: 0;
	background: #2ebaef;
}

.footer_img li {
	display: none;
	margin: 160px 0px 0px 50px;
}

.footer_img li img {
	width: 100%;
}

.footer_img li.action {
	display: block;
}

.footer_tab span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	margin-left: 10px;
	float: left;
	box-shadow: 0 0 10px #fff;
	cursor: pointer;
}

.footer_tab span.on {
	background: #2ebaef;
}

.footer_tab {
	float: right;
	margin-top: 20px;
	position: absolute;
	z-index: 9999999;
	left: 40%;
	top: 430px
}

.rides-cs {
	font-size: 12px;
	background: #29a7e2;
	z-index: 9999999;
	border-radius: 6px 0px 0 6px;
}

.rides-cs .floatL {
	width: 30px;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: -28px;
	height: 181px;
}

.rides-cs .floatR {
	width: 130px;
	float: left;
	padding: 5px;
	overflow: hidden;
	display: block;
	height: 135px;
	width: 95px;
}

.rides-cs .btnOpen,
.rides-cs .btnCtn {
	position: relative;
	z-index: 9;
	top: 25px;
	left: 0;
	display: block;
	height: 155px;
	padding: 8px;
}

.rides-cs .btnOpen img,
.rides-cs .btnCtn img {
	width: 17px;
}

.rides-cs .btnOpen {
	background-position: -410px -5px;
}

.rides-cs .floatL a {
	font-size: 0;
	text-indent: -999em;
	display: block;
}

.rides-cs .floatR .cn {
	background: #F7F7F7;
	border-radius: 6px;
	margin-top: 4px;
	padding: 7px 0;
	margin-bottom: 20px;
}

.rides-cs .floatR .cn img {
	width: 75px;
	margin: 7px auto;
}

.rides-cs .cn div {
	margin-top: 5px;
	width: auto;
	text-align: center;
}

.rides-cs .btnCtn {
	background-position: -450px -5px;
}

.guangas {
	position: fixed;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 9999;
	width: 100%;
}

.guangas img {
	width: 70%;
	margin: 0 auto
}

.guangas b {
	float: right;
	margin: 10px;
	color: #fff;
}

#demo-canvas {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.last_footer {
	height: 150px;
	background: #000;
	color: #999;
	text-align: center;
}

.last_footer p {
	padding-top: 20px;
}

.footer_reg_f2.action {
	animation: name infinite .2s;
}

@keyframes name {
	from {
		left: 4px
	}
	to {
		left: 0px
	}
}

.content_f2_q1 {
	width: 1380px;
	margin: 0 auto;
}

#submitBTN {
	background: #4ac6ff;
	border-color: #4ac6ff;
	width: 100%;
	margin-top: 10px;
}

.z_tanchuang {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 99999;
	display: none;
}

.z_tanchuang img {
	cursor: pointer;
}

.mo_img_1 {
	width: 100%;
}

.remover_img {
	float: right;
}

.z_tanchuang span {
	font-size: 52px;
	position: absolute;
	top: 0;
	left: 0;
	color: #EC4D35;
	top: 27.5%;
	left: 46%;
}

.z_tanchuang_a {
	width: 30%;
	margin: 0 auto;
	margin-top: 150px;
	position: relative;
}

.footer_reg_f1 {
	position: absolute;
	z-index: 999;
	width: 550px;
	left: 200px;
}

.rqdrImg {
    cursor: pointer;
    position: relative;
}
.rqdrImg img.fl {
    margin-left: 50px;
    margin-top: 7px;
}
.newpaes {
    height: 65px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    margin-left: 5px;
}
.newpaes p:first-of-type {
    font-weight: bold;
}
.newpaes p {
    font-size: 14px;
    color: #000;
    line-height: normal;
    text-align: left;
    color: #FFF;
}
.boxbanner_er {
    width: 300px;
    background: #fff;
    position: absolute;
    top: 65px;
    z-index: 99;
    left: 80px;
    border-radius: 5px;
    padding-bottom: 20px;
    box-shadow: rgb(153, 153, 153) 0px 0px 10px;
    display: none;
}
.titleModel {
    background: #0BA3F7;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.titleModel span {
    width: 100%;
}
.domeTxes {
    text-align: center;
}
.domeTxes img {
    width: 100%;
    margin-top: 20px;
}
.domeTxes p {
    line-height: normal;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}
/*响应式布局*/

@media (min-width: 2200px) {
	.footer_reg_f1 {
		left: 500px !important;
		top: 150px
	}
	.footer_reg_f2 {
		right: 500px !important;
		top: 230px !important;
	}
}

@media (max-width: 1536px) {
	.fuwu_f1 {
		padding-left: 130px;
	}
	.content_f3 {
		padding: 0 100px;
	}
	.content_f4 {
		padding: 130px 50px 70px 50px;
	}
	.content_f4 .faq {
		width: auto;
	}
	.footer_reg {
		padding: 20px 50px 10px 50px;
	}
	.header_btn img {
		width: 500px;
	}
	.header_btn {
		margin-left: -250px;
	}
}

@media(max-width: 1440px) {
	.z_tanchuang span {
		font-size: 28px;
		top: 30%;
	}
	.z_tanchuang_a {
		width: 40% !important;
	}
	.nav_header {
		padding: 0 140px
	}
	.content_f2_q1 {
		width: 100%;
	}
	.content_f2_q1 .wndl-wrap {
		background: #fff;
	}
	.content_f2_q1 .wndl-wrap>div {
		width: 260px;
	}
	.fuwu_f2 {
		padding: 0 100px;
	}
}

@media (max-width: 1380px) {
	.faq {
		padding: 60px 40px;
	}
}

@media (max-width: 1330px) {
	.banner_text {
		width: 1140px;
		margin-left: -570px;
	}
	.fw_wid_f1 {
		width: 49%;
	}
	.fw_zuo ul li {
		width: 39%;
	}
	.fuwu_f4 img {
		width: 100%;
	}
	.content_f4 .faq {
		padding: 68px 40px;
	}
}

@media(max-width: 420px) {
	.z_tanchuang span {
		font-size: 20px;
	}
	.z_tanchuang_a {
		width: 100% !important;
	}
}